<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>玛丽高手邀请你来玩游戏</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <script src="https://sharkoss-1314554246.cos.ap-guangzhou.myqcloud.com/shareh5/jquery-1.10.2.min.js"></script>

  <style>
    body {
      margin: 0;
      font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
      color: #333;
      background: url('./img/bbgg.png') center top/cover no-repeat, #f5f5f5;
      min-height: 100vh;
      box-sizing: border-box;
    }
    .header {
      position: relative;
      text-align: center;
      padding: 8vw 5vw 4vw 5vw;
      background: linear-gradient(180deg, #ffe6b3 0%, #fff6e0 100%);
      overflow: hidden;
    }
    .header-bg {
      position: absolute;
      left: 0; top: 0; right: 0; height: 40vw;
      background: url('./img/bbgg.png') center top/cover no-repeat;
      z-index: 0;
      width: 100%;
      opacity: 0.95;
    }
    .header-title,
    .header-subtitle {
      position: relative;
      z-index: 1;
    }
    .header-title {
      font-size: 6vw;
      font-weight: bold;
      color: #fff3d1;
      text-shadow: 2px 4px 8px #b88b3a, 0 2px 0 #b88b3a;
      letter-spacing: 0.5vw;
      margin-bottom: 2vw;
      display: block;
    }
    .header-subtitle {
      font-size: 3.5vw;
      color: #d8a85a;
      margin-bottom: 4vw;
      letter-spacing: 0.3vw;
    }
    .main-card {
      background: #fff;
      border-radius: 4vw;
      box-shadow: 0 1vw 6vw rgba(255, 200, 100, 0.12);
      margin: 68vw 4vw 6vw 4vw;
      padding: 8vw 5vw 6vw 5vw;
      text-align: center;
      position: relative;
      z-index: 2;
      width: auto;
      max-width: 92vw;
    }
    .main-card .icon {
      width: 18vw;
      height: 18vw;
      margin-bottom: 4vw;
    }
    .main-card .desc {
      font-size: 4vw;
      font-weight: bold;
      margin-bottom: 2vw;
    }
    .main-card .subdesc {
      color: #888;
      font-size: 3.5vw;
      margin-bottom: 4vw;
    }
    .main-card .code {
      font-size: 6vw;
      font-weight: bold;
      letter-spacing: 2vw;
      margin: 4vw 0 4vw 0;
      color: #222;
    }
    .main-card .btn {
      background: #ff9800;
      color: #fff;
      border: none;
      border-radius: 6vw;
      padding: 3vw 0;
      width: 80%;
      font-size: 4vw;
      font-weight: bold;
      cursor: pointer;
      margin: 0 auto;
      display: block;
      box-shadow: 0 0.5vw 2vw rgba(255, 152, 0, 0.15);
      transition: background 0.2s;
    }
    .main-card .btn:hover {
      background: #ffb74d;
    }
    
    
    
    .footer-abc {
        position: absolute;
        bottom: 0;
        width: 100%;
    text-align: center; /* 文本居中 */
    background-color: #f8f9fa; /* 背景颜色 */
    padding: 10px; /* 内边距 */
    }

    
    
    .footer-bar {
      display: flex;
      align-items: center;
      background: #fff;
      border-radius: 4vw;
      margin: 12vw 4vw 6vw 4vw;
      padding: 3vw 4vw;
      box-shadow: 0 0.5vw 2vw rgba(255, 200, 100, 0.08);
      justify-content: space-between;
      max-width: 92vw;
    }
    .footer-bar .footer-left {
      display: flex;
      align-items: center;
    }
    .footer-bar .footer-icon {
      width: 10vw;
      height: 10vw;
      margin-right: 2vw;
    }
    .footer-bar .footer-title {
      font-weight: bold;
      font-size: 3.5vw;
      margin-bottom: 0.5vw;
    }
    .footer-bar .footer-desc {
      color: #888;
      font-size: 3vw;
    }
    .footer-bar .footer-btn {
      background: #ff9800;
      color: #fff;
      border: none;
      border-radius: 5vw;
      padding: 2vw 6vw;
      font-size: 3.5vw;
      font-weight: bold;
      cursor: pointer;
      transition: background 0.2s;
    }
    .footer-bar .footer-btn:hover {
      background: #ffb74d;
    }
    .van-overlay {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.6);
          z-index: 9999;
          display: flex;
          align-items: center;
          justify-content: flex-end;
        }
    .van-overlay .wrapper {
      border-radius: 4vw 0 0 4vw;
      padding: 8vw 7vw 6vw 7vw;
      box-shadow: -2vw 0 8vw rgba(0,0,0,0.18);
      text-align: right;
      width: 80vw;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: flex-start;
      padding-top: 15vw;
    }
    .van-overlay .wrapper img {
      width: 22vw;
      height: 22vw;
      margin-bottom: 4vw;
    }
    .van-overlay .pop-title,
    .van-overlay .pop-text {
      font-size: 4vw;
      font-weight: 800;
      color: hsl(59, 74%, 54%);
      margin-bottom: 3vw;
    }
    .van-overlay .mt-5 {
      margin-top: 4vw;
    }
    @media (min-width: 600px) {
      .main-card, .footer-bar {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
      }
      .van-overlay .wrapper {
        max-width: 400px;
        min-width: 260px;
      }
    }
  </style>
</head>
<body>
  <div class="header">
    <div class="header-bg"></div>
    <div class="header-title"></div>
    <div class="header-subtitle"></div>
  </div>
  <div class="main-card">
    <img class="icon" src="./img/LOGO.png" alt="icon">
    <div class="desc">玛丽高手</div>
    <div class="subdesc">想要更多有趣体验，请下载Apk进行深度游玩</div>
    <div id="inviteCode" class="code"></div>
    <button id="clickAndroidcop" class="btn">立即下载</button>
  </div>
  
  
      <div class="footer-abc">
      <a  href="https://beian.miit.gov.cn/">广西三点通科技有限公司</a>
      <br>
      <a  href="https://beian.miit.gov.cn/">桂ICP备2023002539号-2</a>
      </div>
      
      
  
  
  


  <div id="showpok" data-v-b141f41c class=van-overlay style=display:none>
    <div data-v-b141f41c class=wrapper>
      <div data-v-b141f41c class=pop-title>
        1、点击右上角···按钮
      </div>
      <div data-v-b141f41c class="mt-5 pop-text">
        2、选择【在浏览器中打开】
      </div>
    </div>
  </div>



  <script>
    window.onload=function(){loadSuccess();  document.addEventListener("touchstart",function(e){e.touches.length>1&&e.preventDefault()}),document.addEventListener("gesturestart",function(e){e.preventDefault()})}
    // 点击遮罩关闭 van-overlay
    $(document).on('click', '.van-overlay', function() {
      $(this).hide();
    });
  </script>


  <script type="text/javascript">
    function loadSuccess() {
      console.log("kkkkk>>>>>kklllll");
       $("#inviteCode")[0].innerHTML = getUrlParam("code");
  
       // 获取 User Agent
        var userAgent = navigator.userAgent.toLowerCase();
        // 判断是否在微信中打开
        if (userAgent.indexOf('micromessenger') !== -1) {
          console.log('当前页面在微信中打开');
          //document.getElementById("showpok").style.display="block";
        } else {
          console.log('当前页面不在微信中打开');
        }
  
        //document.getElementById("showpok").style.display="block";
  
        //document.getElementById("showkop").style.display="block";
  
  
   }
   function getUrlParam(name) {
       var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
       var r = window.location.search.substr(1).match(reg);  //匹配目标参数
       if (r != null) return unescape(r[2]);
       return null; //返回参数值
   }
   $("#clickAndroid").click(function () {
       
       // 获取 User Agent
        var userAgent = navigator.userAgent.toLowerCase();
        // 判断是否在微信中打开
        if (userAgent.indexOf('micromessenger') !== -1) {
          console.log('当前页面在微信中打开');
          document.getElementById("showpok").style.display="block";
        } else {
          console.log('当前页面不在微信中打开');
          window.location.href = "https://appdw.sdtkj.top/maryMaster.apk"
        }
   });
  
   
   $("#clickAndroidcop").click(function () {
       // 获取 User Agent
        var userAgent = navigator.userAgent.toLowerCase();
        // 判断是否在微信中打开
        if (userAgent.indexOf('micromessenger') !== -1) {
          console.log('当前页面在微信中打开');
          document.getElementById("showpok").style.display="block";
        } else {
            //document.getElementById("showpok").style.display="block";
          console.log('当前页面不在微信中打开');
          window.location.href = "https://appdw.sdtkj.top/maryMaster.apk"
          //window.location.href = "https://sharkoss-1314554246.cos.ap-guangzhou.myqcloud.com/apk/shark_shark_review.apk"
        }
       
   });
  
   $("#clickIos").click(function () {
       window.location.href = "https://apps.apple.com/cn/app/%E7%A4%BE%E6%B8%B8%E5%90%A7-%E7%A4%BE%E4%BA%A4%E7%94%B5%E7%8E%A9%E6%B8%B8%E6%88%8F%E5%8E%85/id6446135346"
   });
  </script>

</body>
</html>